<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>写日志-乡土卫士-最美乡村</title>  
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/wx/css/base.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/wx/css/detail.css" />
</head>
<body>
<div class="detail">
	<form id="addjournal" action="__MODULE__/Vadmin/diary_add/" method="post" enctype="multipart/form-data" >
	<div class="word02">
    <input name="dowhat" type="hidden" value="add"/>
        <div class="tit"><span>日志标题</span><input name="title" type="text" placeholder="请输入标题"/></div>
        <div class="tit"><span>所在村庄</span>
        <select name="v_id">
        <volist name="vs" id="vo">
        <option value="{$vo.v_id}">{$vo.title}</option>
        </volist>
        </select>
        </div>
        <div class="tit picture"><span>日志图片</span><input name="imgs" type="hidden" value=""/>
        <em style="width:auto;">
                	<img src="http://www.xiangtws.com/Public/Wx/img/addpic.png" class="show show1" width="100" height="100" id="picShow_1" onClick="upimg('1')">
                	<img src="http://www.xiangtws.com/Public/Wx/img/addpic.png" class="show show2" width="100" height="100" id="picShow_2" onClick="upimg('2')">
                	<img src="http://www.xiangtws.com/Public/Wx/img/addpic.png" class="show show3" width="100" height="100" id="picShow_3" onClick="upimg('3')">
                	<img src="http://www.xiangtws.com/Public/Wx/img/addpic.png" class="show show4" width="100" height="100" id="picShow_4" onClick="upimg('4')">
                	<img src="http://www.xiangtws.com/Public/Wx/img/addpic.png" class="show show5" width="100" height="100" id="picShow_5" onClick="upimg('5')" style="margin-right: 20px;">
                    </em>
                      <input id="img_1" type="file" style="display:none;"  value="" />
                      <input id="img_2" type="file" style="display:none;"  value="" />
                      <input id="img_3" type="file" style="display:none;"  value="" />
                      <input id="img_4" type="file" style="display:none;"  value="" />
                      <input id="img_5" type="file" style="display:none;"  value="" />
        </div>
        <div class="particulars">
            <h2>日志详情</h2>
            <textarea name="content" placeholder="写下忙碌的一天!"></textarea>
        </div>
    </div>
    <div class="button"><input type="submit" onClick="tj()" value="发表日志"/></div>
    </form>
</div>
</body>
<script src="__PUBLIC__/js/jquery.min.js?v=2.1.4"></script> 
<script type="text/javascript">
<!--图片上传-->
function tj(){
	setimgs();
	$("#addjournal").submit();
}
//图片上传
function upimg(num) {
	//input file 模拟点击
	if($("#img_"+num).attr("type")!="file")$("#img_"+num).attr("type","file");
	$("#img_"+num).click();
}//end fun
function setimgs(){
	//图链接拼接
	$("input[name='imgs']").val($("#img_1").attr("value")+','+$("#img_2").attr("value")+','+$("#img_3").attr("value")+','+$("#img_4").attr("value")+','+$("#img_5").attr("value"));
}//end fun
$("#img_1").change(function () {
	var formData = new FormData();
	var picinput = document.getElementById("img_1");
	var domain = 'http://news.xiangtws.com';
	var proportion = '3:2';  //图片比例
	var imgsrc=$("#picShow_1");//img标签
	formData.append('pic', picinput.files[0]);       //将图片信息追加到formdata中
	formData.append('proportion', proportion);       //将图片比例追加到formdata中
	formData.append('domain', domain);       //将图片信息追加到formdata中
	$.ajax({
		url:'http://imgs.xiangtws.com/Api/Index/addPic',
		type:'POST',
		async:true,
		data:formData,                    // 上传formdata封装的数据
		dataType:'JSON',
		cache:false,                      // 不缓存
		processData:false,                // jQuery不要去处理发送的数据
		contentType:false,                // jQuery不要去设置Content-Type请求头
		success:function (data) {           //成功回调
		//回显
			//$("#img_1").parent().css("display","none");//父div隐藏
			imgsrc.attr("src",data.url);setimgs();
			imgsrc.show();
			//input标签类型修改
			$("#img_1").attr("type","text");
			$("#img_1").attr("value",data.url);
		},
		error: function (data,XMLHttpRequest, textStatus, errorThrown) {
			console.log('error');
		}
	});
	
})//end fun
$("#img_2").change(function () {
	var formData = new FormData();
	var picinput = document.getElementById("img_2");
	var domain = 'http://news.xiangtws.com';
	var proportion = '3:2';  //图片比例
	var imgsrc=$("#picShow_2");//img标签
	formData.append('pic', picinput.files[0]);       //将图片信息追加到formdata中
	formData.append('proportion', proportion);       //将图片比例追加到formdata中
	formData.append('domain', domain);       //将图片信息追加到formdata中
	$.ajax({
		url:'http://imgs.xiangtws.com/Api/Index/addPic',
		type:'POST',
		async:true,
		data:formData,                    // 上传formdata封装的数据
		dataType:'JSON',
		cache:false,                      // 不缓存
		processData:false,                // jQuery不要去处理发送的数据
		contentType:false,                // jQuery不要去设置Content-Type请求头
		success:function (data) {           //成功回调
		//回显
			//$("#img_2").parent().css("display","none");//父div隐藏
			imgsrc.attr("src",data.url);setimgs();
			imgsrc.show();
			//input标签类型修改
			$("#img_2").attr("type","text");
			$("#img_2").attr("value",data.url);
		},
		error: function (data,XMLHttpRequest, textStatus, errorThrown) {
			console.log('error');
		}
	});
	
})//end fun
$("#img_3").change(function () {
	var formData = new FormData();
	var picinput = document.getElementById("img_3");
	var domain = 'http://news.xiangtws.com';
	var proportion = '3:2';  //图片比例
	var imgsrc=$("#picShow_3");//img标签
	formData.append('pic', picinput.files[0]);       //将图片信息追加到formdata中
	formData.append('proportion', proportion);       //将图片比例追加到formdata中
	formData.append('domain', domain);       //将图片信息追加到formdata中
	$.ajax({
		url:'http://imgs.xiangtws.com/Api/Index/addPic',
		type:'POST',
		async:true,
		data:formData,                    // 上传formdata封装的数据
		dataType:'JSON',
		cache:false,                      // 不缓存
		processData:false,                // jQuery不要去处理发送的数据
		contentType:false,                // jQuery不要去设置Content-Type请求头
		success:function (data) {           //成功回调
		//回显
			//$("#img_3").parent().css("display","none");//父div隐藏
			imgsrc.attr("src",data.url);setimgs();
			imgsrc.show();
			//input标签类型修改
			$("#img_3").attr("type","text");
			$("#img_3").attr("value",data.url);
		},
		error: function (data,XMLHttpRequest, textStatus, errorThrown) {
			console.log('error');
		}
	});
	
})//end fun

$("#img_4").change(function () {
	var formData = new FormData();
	var picinput = document.getElementById("img_4");
	var domain = 'http://news.xiangtws.com';
	var proportion = '3:2';  //图片比例
	var imgsrc=$("#picShow_4");//img标签
	formData.append('pic', picinput.files[0]);       //将图片信息追加到formdata中
	formData.append('proportion', proportion);       //将图片比例追加到formdata中
	formData.append('domain', domain);       //将图片信息追加到formdata中
	$.ajax({
		url:'http://imgs.xiangtws.com/Api/Index/addPic',
		type:'POST',
		async:true,
		data:formData,                    // 上传formdata封装的数据
		dataType:'JSON',
		cache:false,                      // 不缓存
		processData:false,                // jQuery不要去处理发送的数据
		contentType:false,                // jQuery不要去设置Content-Type请求头
		success:function (data) {           //成功回调
		//回显
			//$("#img_4").parent().css("display","none");//父div隐藏
			imgsrc.attr("src",data.url);setimgs();
			imgsrc.show();
			//input标签类型修改
			$("#img_4").attr("type","text");
			$("#img_4").attr("value",data.url);
		},
		error: function (data,XMLHttpRequest, textStatus, errorThrown) {
			console.log('error');
		}
	});
	
})//end fun
$("#img_5").change(function () {
	var formData = new FormData();
	var picinput = document.getElementById("img_5");
	var domain = 'http://news.xiangtws.com';
	var proportion = '3:2';  //图片比例
	var imgsrc=$("#picShow_5");//img标签
	formData.append('pic', picinput.files[0]);       //将图片信息追加到formdata中
	formData.append('proportion', proportion);       //将图片比例追加到formdata中
	formData.append('domain', domain);       //将图片信息追加到formdata中
	$.ajax({
		url:'http://imgs.xiangtws.com/Api/Index/addPic',
		type:'POST',
		async:true,
		data:formData,                    // 上传formdata封装的数据
		dataType:'JSON',
		cache:false,                      // 不缓存
		processData:false,                // jQuery不要去处理发送的数据
		contentType:false,                // jQuery不要去设置Content-Type请求头
		success:function (data) {           //成功回调
		//回显
			//$("#img_5").parent().css("display","none");//父div隐藏
			imgsrc.attr("src",data.url);setimgs();
			imgsrc.show();
			//input标签类型修改
			$("#img_5").attr("type","text");
			$("#img_5").attr("value",data.url);
		},
		error: function (data,XMLHttpRequest, textStatus, errorThrown) {
			console.log('error');
		}
	});
	
})//end fun

</script>
</html>